<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="p" tagdir="/WEB-INF/tags/"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<style>
body {
	background-image: url("agriotes2.jpg");
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 23px;
		
}

.Ok {
	text-align: center;
	
}

.error {
	color: red;
}
.invalid {
	background-color: #F0DDDD;
	border-color: #e88;
	-webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
	-moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	-o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	-ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
	box-shadow: 0 0 5px rgba(255, 0, 0, .8);
}

.required {
	border-color: #88a;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
	-o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
	-ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
	box-shadow: 0 0 5px rgba(0, 0, 255, .5);
}

form {
	width: 300px;
	margin: 20px auto;
}

input {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid #ccc;
	font-size: 20px;
	width: 300px;
	min-height: 30px;
	display: block;
	margin-bottom: 15px;
	margin-top: 5px;
	outline: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

input[type=submit] {
	background: none;
	padding: 10px;
	cursor: pointer;
}

label {	
	cursor: pointer;
}
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Connexion</title>



</head>

<body>
	<p class="error">${msgLoginPasssword}</p>
	<form action="connecter.jsp" method="post">
		<c:if test="${!empty sessionScope['user'] }">
			<p>Utilisateur connecté:
				${sessionScope["user"].prenom}</p>
		</c:if>
		<label>Email : </label> 
		<input type="text" id="email" name="email">
		<label>Mot de passe :</label> 
		<input type="password" tabindex="20" size="20" value="" id="password"
			name="password" required>
		<p>
		
		<div class="Ok">
				<button type="submit">Ok</button>
				
</div>
		</p>

		
		<div class="error">${msgLoginPassword}</div>

	</form>


</body>
</html>

